iT邦幫忙

2

HTML 入門筆記 - 1 - 認識 HTML 與網頁結構

html html5
zoelinrd 2025-03-25 13:35:10 ‧ 1545 瀏覽

  • 分享至 

  • xImage
    •  

🔹 什麼是 HTML？

  • HTML（HyperText Markup Language，超文本標記語言） 是建立網頁的基本語言。
  • HTML不是程式語言，而是用「標籤（tag）」來描述內容結構。
  • 可以把 HTML 想成是網頁的骨架，讓瀏覽器知道各部分該如何呈現。

🔹 網頁是怎麼構成的？

技術 功能 說明
HTML 結構 建立內容與排版架構
CSS 外觀 設計樣式、顏色、字型與版面
JavaScript 行為 增加互動性與邏輯控制
  • HTML 負責內容、CSS 負責外觀、JavaScript 負責互動，三者缺一不可。

🔹 HTML 和 HTML5 比較

項目 HTML HTML5
發展 傳統標準 現行主流
結構標籤 少 增加語意化標籤（如 <header>、<footer>）
多媒體支援 需外掛（如 Flash） 原生支援 <video>、<audio>
API 功能 基本結構 支援地圖、動畫、離線功能等

🔹 注意事項

  • 建議使用 Chrome、Firefox、Edge 瀏覽器練習，支援性最好
  • 善用右鍵「檢查元素」，可以觀察其他網站的 HTML 結構
  • 不用死背語法，重點是理解標籤的用途與結構邏輯

🔹 參考資源


圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
17924 篇
完賽人數
223 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 17th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙